import { Button } from "antd";
import React, { useState } from "react";
import MdEasyCom from ".././MdCom/EasyCom";
const AboutTwo: React.FC = () => {
  const arr = [
    {
      id: 0,
      txt: "模拟企微布局，熟悉antd",
      needDivder: false,
    },
    {
      id: 1,
      txt: "1.",
      needDivder: false,
    },
    {
      id: 7,
      txt: "大概摸索了一下类型定义结合typescript的一些场景",
      needDivder: true,
      divderTxt: "come on let's go !",
    },
  ];
  const [submitLoading, setSubmitLoading] = useState(false);
  const fn = () => {
    setSubmitLoading(true);
    setTimeout(() => {
      setSubmitLoading(false);
    }, 2000);
  };
  return (
    <div>
      <MdEasyCom arr={arr}></MdEasyCom>
      <div>
        loading按钮结合useState使用 -----
        <Button type="default" loading={submitLoading} onClick={fn}>
          1111号
        </Button>
      </div>
    </div>
  );
};

export default AboutTwo;
